<template>
  <div>
    <van-cell-group v-for="item in pocketList" :key="item.id">
      <van-checkbox v-model="checked" />
      <van-card
        :price="item.price + '.00'"
        :desc="item.introduce"
        :title="item.name"
        thumb="https://img01.yzcdn.cn/vant/ipad.jpeg"
      >
      </van-card>
    </van-cell-group>
  </div>
</template>

<script>
export default {
  name: "YiLIngCardCheck",

  data() {
    return {
      checked: false,
    };
  },
  props: ["pocketList"],
  mounted() {},

  methods: {},
};
</script>

<style lang="less" scoped>
.van-cell-group {
  display: flex;
  .van-checkbox {
    margin-left: 15px;
  }
}
.van-card {
  background-color: #fff;
  padding: 10px 0;
}
// 找相似按钮
.btn {
  border-radius: 10px;
  color: #bebebe;
  border-color: #bebebe;
  height: 30px;
}

// 卡片价格颜色
.van-card__price {
  color: #e7637a;
}
.van-card__desc {
  color: #dfdfdf;
  line-height: 30px;
}
.van-card__title {
  line-height: 25px;
}
</style>